<%@include file="/WEB-INF/common/taglibs.jsp"%>
<script type="text/javascript" src="${ctx}/resources/theme/supr/plugins/forms/togglebutton/jquery.toggle.buttons.js"></script>
<script type="text/javascript" src="${ctx}/resources/theme/supr/plugins/forms/dualselect/jquery.dualListBox-1.3.min.js"></script>
<script>
$(document).ready(function(){
 	$.configureBoxes();
 }
 );

</script>
<div class="row-fluid">

	<div class="span12">

		<div class="page-header">
			<h4>Facility Category </h4>
		</div>

<form class="form-horizontal seperator" method="post">
<!--name --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="name">Name  :</label><input class="span4" id="name" name="name"   type="text" value="${entity.name}" /></div></div></div>
<!--facilityType --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="facilityType">FacilityType  :</label><input class="span4" id="facilityType" name="facilityType" readonly="readonly"  type="text" value="${entity.facilityType}" /></div></div></div>
<!--expirtTime --><div class="form-row row-fluid"><div class="span12"><div class="row-fluid"><label class="form-label span3" for="expirtTime">Expirt Time :</label><input class="span4" id="expirtTime" name="expirtTime"   type="text" value="${entity.expirtTime}" /></div></div></div>



 <div class="form-row row-fluid">
 <div class="span12">
                                                <div class="row-fluid">
                                                    <label class="form-label span3" for="checkboxes">Peak</label>
                                                    <div class="span9 controls">   
                                                        <select name="peakIds" class="nostyle" multiple="multiple">
                                                        <c:forEach var="peak"  items="${peaks}">
                                                        `<c:if test="${entity eq null}">
                                                             <option value="${peak.id}">${peak.name}</option>
                                                         </c:if>
                                                         <c:if test="${entity ne null}">
 	                                              	 	  <c:set var="checked" value="false"></c:set>
                                                         	 
                                                       	  <c:forEach var="check"   items="${entity.peaks}">
                                                    	  		<c:if test ="${check.id eq peak.id}">
 		                                               		  	<c:set var="checked" value="checked"></c:set>
                                                      	  	</c:if>
                                                     	  	                                  		 
                                                     	  		
                                                          </c:forEach>	
                                                               <option   value="${peak.id}" <c:if test="${checked eq 'checked'}">selected="selected" </c:if> >${peak.name}</option>
                                                         </c:if>
                                                         
                                                         </c:forEach>
                                                             
                                                         </select>
                                                    </div> 
                                                </div>
                                            </div>
 
 </div>
	<div class="form-row row-fluid">
	<div class="span12">
	<div class="leftBox">
	<div class="searchBox"><input type="text" id="box1Filter"
		class="searchField" placeholder="filter ..." />
	<button id="box1Clear" type="button" class="btn"><span
		class="icon12  icomoon-icon-cancel-3"></span></button>
	</div>

	<select id="box1View" multiple="multiple" class="multiple nostyle"
		style="height: 300px;">
		<c:forEach var="entity" items="${pending}">
			<option value="${entity.id}">${entity.name}</option>
		</c:forEach>
	</select> <br />
	<span id="box1Counter" class="count"></span>

	<div class="dn"><select id="box1Storage" name="box1Storage"
		class="nostyle"></select></div>
	</div>

	<div class="dualBtn">

	<button id="to2" type="button" class="btn"><span
		class="icon12 minia-icon-arrow-right-3"></span></button>
	<button id="allTo2" type="button" class="btn"><span
		class="icon12 iconic-icon-last"></span></button>
	<button id="to1" type="button" class="btn marginT5"><span
		class="icon12 minia-icon-arrow-left-3"></span></button>
	<button id="allTo1" type="button" class="btn marginT5"><span
		class="icon12 iconic-icon-first"></span></button>

	</div>

	<div class="rightBox">
	<div class="searchBox"><input type="text" id="box2Filter"
		class="searchField" placeholder="filter ..." />
	<button id="box2Clear" type="button" class="btn"><span
		class="icon12  icomoon-icon-cancel-3"></span></button>
	</div>
	<select id="box2View" multiple="multiple" class="multiple nostyle"
		style="height: 300px;" name="entityId">
		<c:forEach var="entity" items="${exist}">
			<option value="${entity.id}">${entity.name}</option>
		</c:forEach>


	</select> <br />
	<span id="box2Counter" class="count"></span>

	<div class="dn"><select id="box2Storage" class="nostyle"></select>
	</div>
	</div>

	</div>
	</div>

 



 <div class="form-row row-fluid">
				<div class="span12">
					<div class="row-fluid">
						<div class="form-actions">
							<div class="span3"></div>
							<div class="span4 controls">
								<button type="submit" class="btn btn-info marginR10">Save
									changes</button>
								<button class="btn btn-danger">Cancel</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</form>

	</div>
	<!-- End .span12 -->

</div>
<!-- End .row-fluid --> 

